@import '../../../../scss/_image.scss';

.bzwx {
    .all-tab {
        margin-bottom: 10px;
        background: #fff;
        padding: 10px;
        display: flex;
        font-size: 12px;

        .s-dx {
            padding: 10px 0;
            width: 100%;
            display: flex;
            border-bottom: $wireframe-b;

            label {
                color: #757575;
                font-size: 12px;
                width: 150px;
                padding: 0 10px;
            }
        }

        .tabelogo {
            display: flex;
            width: 70%;

            h1 {
                font-size: 16px;
                color: #333333;
                margin-left: 10px;
            }
        }

        font-size: 12px;

        label {
            color: #757575;
            font-size: 12px;
            width: 150px;
            padding: 0 10px;
        }
    }
    .daohang{
        color: #999;
        font-size: 14px;
        padding: 10px 0;
        a{
            color: #999;
        }
    }
    .list-dtl{
        .list-titel{
            display: flex;
            background: #fff;
            padding: 20px;
            border-bottom: $wireframe;
            .l{
                .l-b{
                    display: flex;
                    .zt {
                        text-align: center;
                        margin-left: 10px;
                        padding: 1px 10px;
                        color: #fff;
                        background: #52DE80;
                        border-radius: 10px;
                        font-size: 10px;
                    }
                }
            }
            .r{margin: auto;margin-right: 30px;}
        }
        .bd{
            margin-top: 10px;
            // display: flex;
            background: #fff;
            // padding: 20px;
            border: $wireframe;
            .bd-title{
                width: 100%;
                padding: 10px 0;
                font-size: 14px;
                display: flex;
                div{
                    margin-top: 5px;
                    width: 8px;
                    height: 12px;
                    background: #378EF0;
                    margin-right: 10px;
                }
                
            }
            .slider-body{
                width: 600px;
                margin-left: 64px;
                padding-bottom: 20px;
            }
            .bd-ml{
                margin: 10px 25px 20px;
                display: flex;
                color: #378EF0;
                div{
                   border: $wireframe;
                   padding: 10px 25px; 
                }
            }
            .jcxx-list{
                width: 550px;
                padding: 0 20px 20px 20px;
                .list-item{
                    padding: 10px;
                    border-bottom: $wireframe-b;
                    .item{
                        font-size: 14px;
                        label{margin-right: 10px;color: #999;}
                    }
                }
            }
        }
    }
    .list-body {
        background: #fff;
        border: $wireframe;
        tr {
            background: #F8F8F8;
            height: 36px;

            th {
                color: #757575;
                font-size: 12px;
                border: none;
            }
        }

        td {
            background: #fff;
            color: #757575;
            font-size: 12px;
            border: none;

        }
                .td-zt {
                    text-align: center;
                    // padding: 2px 5px;
                    color: #fff;
                    background: #52DE80;
                    border-radius: 10px;
                }
    }
    .server-list {
        position: absolute;
        top: 0;
        .ser-c {
            box-shadow:2px 2px 25px #333333;
            position: fixed;
            left: 25%;
            top: 10%;
            overflow: hidden;
            border: $wireframe;
            width: 1000px;
            height: 800px;
            background: #fff;
            overflow: hidden;
            .list-hd {
                height: 36px;
                text-align: center;
                background: #378EF0;
                color: #fff;
                span {
                    padding: 5px;
                }
            }
        }
    }
}
